﻿/*@charset "gb2312";*/
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
body{ color:#333;}
*{transition: all .4s ease;}

a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
.clear{clear: both;}

/*.clearfix:after {content:"."; display:block; hefirst-boxight:0; clear:both; visibility:hidden; font-size:0;}*/
.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.lft, .fl{float: left;}
.rgt, .fr{float: right;}
/*.left{ text-align:left} .right{ text-align:right;}*/

/*文字两侧对齐*/
.justify {text-align:justify;text-justify:distribute-all-lines;/*ie6-8*/text-align-last:justify;/* ie9*/-moz-text-align-last:justify;/*ff*/-webkit-text-align-last:justify;/*chrome 20+*/}
.toe{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fixed{height: 90px;}

img {max-width: 100%;height:auto;}
strong{ font-weight:normal;}
a{ color:#333; -webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;text-decoration: none;}
a:hover{ text-decoration:none;}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:1.5; font-size:14px; color:#333; background:#fff;}
.wrapper{ width:1200px; margin:0 auto;}
.swiper-scrollbar{ display: none;}

/* 头部 header*/
.header_top{position: fixed;top:0; left:0; right:0; z-index: 99; background:#fff;border-top:2px solid #dd2a22;box-sizing: border-box;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.header{position: relative;z-index: 99;}
.header-logo{float: left;margin-top:18px;}
.header-logo img{ height:38px;}
.header_top a .logo{background: url(../images/logo.png) no-repeat left; width:400px;height: 53px;display: block;text-align: left;}
.header-nav{float:right;}
.header-nav .tel{color: #dd2a22;font-size: 16px;font-weight: 600;position: absolute;right: 0;top: 16px;}
.header-nav .tel i{background: url(../images/telephone.png) no-repeat center;width: 13px;height: 14px;background-size: 13px;display: inline-block;padding-right: 5px;}
.header-nav ul{height: 88px;}
.header-nav .nav-item{float:left;padding-top: 48px;}
.header-nav .nav-item:last-child > a i{display: none;}
.header-nav .nav-item > a{display: block;font-size:16px;font-family: "微软雅黑";padding-left: 20px;}
.header-nav .nav-item > a i{padding-left: 20px;display: inline-block;color: #999;}
.header-nav .nav-item:hover > a,.header-nav .active > a{color:#dd2a22;}
.header-nav .nav-item .suba{background: url(../images/ico9.png) no-repeat right center;display: inline-block;width: 8px;height: 6px;vertical-align: middle;margin-left: 5px;}
.header-nav .nav-item:hover > a .suba{background: url(../images/ico9-1.png);}
.header-nav .nav-item .subnav{position: absolute;left: 0;top:99px;background:#fff url(../images/bg1.png) repeat-x left top;width:100%; padding-top:25px; padding-bottom:25px;border-top:1px solid #f4f4f4; display:none;}
.header-nav .nav-item:hover .subnav{display: block;}
.header-nav .subnav-item{position: relative;height: auto;overflow: hidden; float:left; width:30%; padding-right:30px;}
.header-nav .subnav-item-last{ width:380px; padding-right:0; }
.header-nav .subnav-item .tit{ display:block; margin-bottom:10px; background:url(../images/line2.png) no-repeat left bottom; height:30px; line-height:30px; padding-bottom:10px; font-size:15px; font-weight:bold;}
.header-nav .subnav-item .txt{ line-height:28px; font-size:14px;}
.header-nav .subnav-item .txt dd{display: inline-block; width:49%;}
.header-nav .subnav-item .txt a{color: #666;}
.header-nav .subnav-item .txt a:hover{}

.header-index{background: none;}
.header-index a .logo{background: url(../images/logo2.png) no-repeat center center;background-size: 433px 38px; width:433px;height: 38px;display: block;}
.header-index .header-nav .nav-item > a{ color:#fff;}
.header-index .header-nav .nav-item:hover > a,.header-index .header-nav .active > a{color:#fff; background:url(../images/line5.png) repeat-x left bottom;}

.index{}
.index .header{background: none;}

/*首页banner*/
.index_banner{ z-index: 1; height: 814px; overflow: hidden;position: relative;}
.index_banner .swiper-wrapper{height: 800px !important;}
/*.index_banner .img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}*/
/*.index_banner .img img{display: block; height: 100%; width: 100%; object-fit:cover;}*/
.index_banner .banner_txt{width: 300px; position: absolute; left: 30%; top:32%; transform: translate(-50%,-50%); text-align: left; color: #fff;line-height: 1;}
.index_banner .banner_txt span{font-size:74px;display: inline-block;width:82px;position: relative;font-family: "宋体";text-align: right;}
.index_banner .banner_txt span:after{content: ""; border-left:20px solid #dd2a22;display: block;height: 292px;margin-top: -292px;margin-left: 5px;}
.index_banner .banner_txt span.text02{margin-left: 21px;position: absolute;top: 23%;}
.index_banner .banner_txt i.tuoyuan{background: url(../images/tuoyuan.png) no-repeat center;background-size: 18px;display: block;width: 18px;height: 18px;position: absolute;top: 131%;left: 56%;}
.index_banner .swiper-slide{ background-size: auto 100%; background-position:center 30%; background-repeat: no-repeat;}
.index_banner .swiper-button-prev,
.index_banner .swiper-button-next { width: 8px; height: 14px; margin: 0; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 25%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);}
.index_banner .swiper-button-prev { left: -8px; }
.index_banner .swiper-button-next { background-position: 0 -14px; right: -8px; }
/*.index_banner .swiper-button-prev:hover,
.index_banner .swiper-button-next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }*/
/*.index_banner .swiper-pagination-bullets{position: absolute;top: 65%; left: 50%; transform:translate(-50%, -50%);}*/
.index_banner .swiper-pagination-bullet{ width:7px; height:7px; border-radius:7px; background: transparent; opacity: 1; border:2px solid #fff; margin:5px;}
.index_banner .swiper-pagination-bullet-active{ background: #fff; width:22px;}

.index_swiper.pagination{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);z-index: 99;height: 200px;width: 1200px;}
.index_swiper .paging_bj{background: url(../images/lunbo_yema_bj.png)no-repeat center;background-size:300px 200px;width: 300px;height: 200px;display: inline-block;position: relative;}
.index_swiper .paging_bj .number_page{max-width: 150px;min-width: 150px; height: 25px; position: absolute;top: 65%;left: 50%;transform: translate(-50%, -50%);font-size: 18px;color: #bfbfbf;}
.index_swiper .paging_bj .number_page .swiper-pagination-fraction{bottom: 0;color: #bfbfbf;}
.index_swiper .paging_bj .number_page .swiper-pagination-current{color: #fff;}

.navTool{ height:70px; line-height:70px; font-size:14px; color:#999999; margin-bottom:20px;}
.navTool .lft{}
.navTool .lft i{ display:inline-block; vertical-align:top; line-height:70px; height:70px; width:15px; background:url(../images/arr.png) no-repeat center center;}
.navTool .lft a{ display:inline-block; vertical-align:top; line-height:70px; height:70px;  color:#999999;}
.navTool .lft a:hover{ }
.navTool .rgt ul li{ float:left; margin-left:25px;}
.navTool .rgt ul li a{ display:block; line-height:108px; color:#999999;}
.navTool .rgt ul li a:hover{}
.navTool .rgt ul li.on a{}

.footer{ font-size:15px; color:#999;background:#2e2e2e;}
.footer a{color:#999999;}
.footer a:hover{ color:#fff;}
.footer .footer-top{padding-bottom: 70px;border-bottom: 1px solid #444;height: 160px;padding-top:60px;}
.footer .bottom_t .footer_logo{margin-bottom: 30px;}
.footer .bottom_t, .footer .bottom_b{display: flex;justify-content: space-between;align-items:center;}
.footer .bottom_nav .title{color: #fff;font-size: 16px;margin-bottom: 15px;height: 25px;}
.footer .bottom_nav li{height: 28px;}
.footer .bottom_nav li a{font-size: 14px;}
.footer .bottom_nav {display: flex;justify-content: space-between;}
.footer .bottom_nav .item{margin-right: 50px;}
.footer .bottom_nav .item:last-child span{display: none;}
.footer .footer_contact div{color: #fff;font-size: 16px;margin-bottom: 15px;height: 25px;}
.footer .footer_contact li{height: 28px;}
.footer .erweima img{width: 100px;height: 100px;}
.footer .erweima span{display: block;text-align: center;font-size: 12px;}

.footer .footer-bottom{height: 90px;}
.footer .footer-bottom .wrapper{height: 100%;}
.footer .bottom_b{height: 100%;}
.footer .bottom_b .friend_link span:last-child{display: none;}
.footer .bottom_b .friend_link li{float: left;}
.footer .bottom_b .friend_link span{float: left;margin: 0 15px;}

.details{ padding:50px; background:#fff; margin-bottom:90px;}
.details h1{ font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px; color:#333;}
.details .time{ font-size:14px; padding-bottom:20px; border-bottom:1px solid #ebebeb; text-align:center; color:#999;}
.details .time span{ padding:0 5px;}
.details .con{ padding-top:50px; color:#333; line-height:1.7; font-size:16px; padding-left:148px; padding-right:148px;}
.details .con strong{ font-weight:bold;}
.details .con b{ font-weight:bold;}
.details .con img{ max-width:100%;}

.details .foot{border-top:1px solid #ebebeb; padding:40px 95px 0 95px;font-size:16px; font-weight:bold; margin-top:50px; height:50px; line-height:50px;}
.details .foot .lft{ width:450px; border-right:1px solid #ebebeb;}
.details .foot .arrow{ display:block; float:left; height:50px; line-height:50px; width:38px;}
.details .foot .lft .prev{ margin-right:12px; background:url(../images/img2.png) no-repeat left center; border-right:1px solid #ebebeb;}
.details .foot .rgt .next{background:url(../images/img3.png) no-repeat right center; border-left:1px solid #ebebeb; float:right;}
.details .foot .rgt { width:450px; }

.news_headline{padding:20px;background: #fff;}
.news_headline .listmod{}
.news_headline .listmod .list-ul{ padding-bottom:20px;}
.news_headline .listmod .list-ul li{ background: url(../images/Journalism.png) no-repeat 1% center;background-size: 17px;}
.news_headline .listmod .list-ul li:nth-child(2n+1){background:#f7f7f7 url(../images/Journalism.png) no-repeat 1% center;background-size: 17px;}
.news_headline .listmod .list-ul li a{ display:block; height:45px; line-height:45px;overflow:hidden; color:#666; font-size:20px; margin-left: 35px;}
.news_headline .listmod .list-ul li span{ margin-left: 80px; margin-right:28px; display:block; float:right; text-align:center; height:50px; line-height:50px;font-size:20px;}
.news_headline .listmod .list-ul li:hover a{ font-weight:bold; color: #d81e06;}

/*视频中心*/
.news_video li:nth-child(4n+4){margin-right: 0;}
.news_video li{display: inline-block;margin: 0 22px 40px 0;width: 280px;}
.news_video li a{display: block;}
.news_video li a .img{display:block;width: 280px;height: 187px;overflow: hidden;position:relative;}
.news_video li a img{display:block;width: 280px;height: 187px;overflow: hidden;}
.news_video li a:hover img{transform: scale(1.2);width: 100%;height: 100%;}
.news_video li a .title{width:100%;}
.news_video li a .title h3, .news_video li a .title h6{overflow: hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;margin-top:12px;}
.news_video li a .title h6{font-size: 10px;margin-top: 10px;color: #b3b3b3;height: 18px;}
.news_video li a span{position: absolute;top:0;left:0;color: #fff;}
.news_video li a span strong{font-size: 35px;position: absolute;top:0;left: 20px;}
.news_video li a span i{font-size: 14px;width:100px;position: absolute;top:45px;left: 15px;}
.news_video li a em{height: 7px; width: 100%;display: block;}
.news_video li:nth-child(6n+1) a em{background: linear-gradient(to left, #e4007f,#e4007f);background:-webkit-linear-gradient(left, #e4007f,#e4007f);background: -o-linear-gradient(left, #e4007f,#e4007f);background: -moz-linear-gradient(left, #e4007f,#e4007f);}
.news_video li:nth-child(6n+2) a em{background: linear-gradient(to left, #f8b551,#f8b551);background:-webkit-linear-gradient(left, #f8b551,#f8b551);background: -o-linear-gradient(left, #f8b551,#f8b551);background: -moz-linear-gradient(left, #f8b551,#f8b551);}
.news_video li:nth-child(6n+3) a em{background: linear-gradient(to left, #e60012,#e60012);background:-webkit-linear-gradient(left, #e60012,#e60012);background: -o-linear-gradient(left, #e60012,#e60012);background: -moz-linear-gradient(left, #e60012,#e60012);}
.news_video li:nth-child(6n+4) a em{background: linear-gradient(to left, #448aca,#448aca);background:-webkit-linear-gradient(left, #448aca,#448aca);background: -o-linear-gradient(left, #448aca,#448aca);background: -moz-linear-gradient(left, #448aca,#448aca);}
.news_video li:nth-child(6n+5) a em{background: linear-gradient(to left, #44cabf,#44cabf);background:-webkit-linear-gradient(left, #44cabf,#44cabf);background: -o-linear-gradient(left, #44cabf,#44cabf);background: -moz-linear-gradient(left, #44cabf,#44cabf);}
.news_video li:nth-child(6n+6) a em{background: linear-gradient(to left, #e57364,#e57364);background:-webkit-linear-gradient(left, #e57364,#e57364);background: -o-linear-gradient(left, #e57364,#e57364);background: -moz-linear-gradient(left, #e57364,#e57364);}
.news_video .listmod{margin: 50px 0;}

.paging{ padding:30px 0px; padding-top:30px; text-align:center;}
.paging *{transition: 0s;}
.paging .table01{ width:680px;}
.paging .page_btn{ text-align:center;}
.paging .result_page{ padding:3px 12px; line-height:24px; display:inline-block; color:#000; text-align:center; margin:0px 5px; border-radius:3px;border:1px solid #eee;}
.paging .result_page:hover{ background:#dd2a22; color:#fff;}
.paging .page_btn_w{ width:70px; text-align:center;}
.paging .cur{ background:#dd2a22; color:#fff;}
.paging .page_count{ font-size:14px; padding-right:15px;}

.about-box1{padding: 0 120px;margin-bottom: 100px;}
.about-box{padding-bottom: 40px;}
.about-box .lftbox{ float:left; width:500px; padding-top:80px; padding-bottom:80px; }
.about-box .lftbox1{padding-top:100px; padding-bottom:30px;}
.about-box .rgtbox{ float:right; width:618px; border-left:1px solid #e9e9e9; padding-left:80px; padding-top:80px; padding-bottom:80px;}
.about-box .rgtbox1{padding-bottom:150px;}
.about-box .lftbox .head span{ display:block; color:#cccccc; font-size:22px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.about-box .lftbox .head strong{ display:block; font-size:18px; line-height:2;}
.about-box .lftbox .title{margin-bottom: 30px;}
.about-box .lftbox .title span{ display:block; color:#333;font-weight: bold; font-size:22px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.about-box .lftbox .information{}
.about-box .lftbox .message{color:#666;margin-bottom: 15px;}
.about-box .lftbox .message i{width:14px;height:18px;display: inline-block;vertical-align: top;margin-right:8px;}
.about-box .lftbox .message:nth-child(1) i{background:url(../images/address.png)no-repeat center center;}
.about-box .lftbox .message:nth-child(2) i{background:url(../images/email.png)no-repeat center center;}
.about-box .lftbox .message:nth-child(3) i{background:url(../images/tel.png)no-repeat center center;}
.about-box .lftbox .ma{margin:35px 0 0 20px;display:flex;}
.about-box .lftbox .ma .text{color:#666;text-align:center;margin:auto 25px;}
.about-box .lftbox .ma .text span{display:block;}
.about-box .rgtbox .head span{ display:block; color:#cccccc; font-size:34px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;line-height:1.5;}
.about-box .rgtbox .head strong{ display:block; color:#1a577e; font-size:26px; letter-spacing:10px; }
.about-box .rgtbox .head{ padding-bottom:30px;}
.about-box .rgtbox .body{ color:#666; font-size:14px; line-height:1.8;}
.about-box .rgtbox .body p{ margin-bottom:20px;}

.about-box .left{width: 220px;}
.about-box .left .head{height: 75px;padding-top: 5px;box-shadow: 0px 15px 20px -10px rgba(0,0,0,0.1);margin-bottom: 20px;}
.about-box .left .head .category{height: 60px;border-left: 4px solid #dd2a22;padding-left: 20px;color: #dd2a22;}
.about-box .left .head .category span{font-size: 14px;color: rgba(221,42,34,0.5);display: block;}
.about-box .left .head .category h3{font-size: 36px;height: 40px;line-height: 40px;}
.about-box .left .product_category li {width: 100%;height: 55px;border-bottom: 1px solid #eee;box-sizing: border-box;line-height: 55px;}
.about-box .left .product_category li a{padding-left: 22px;display: block;font-size: 16px;color: #333;}
.about-box .left .product_category li.on a{background: #dd2a22;color: #fff;}
.about-box .left .product_category *{transition: 0s;}
.about-box .left .product_category li:hover a{background: #dd2a22;color: #fff;transition: 0s;}
.about-box .right{width: 900px;}
.about-box .right .about{line-height: 180%;font-size: 13px;}
.about-box .right .about .pagetitle01{padding-top: 12px;line-height: 180%;}
.about-box .right .about .pagetitle01 h3{margin-bottom: 20px;font-size: 24px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.about-box .right .about .details01{font-size: 14px;overflow: hidden;}

.product-box .right .about .case_right_ul{width: 100%;}
.product-box .right .about .case_right_ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px;}
.product-box .right .about .case_right_ul li:nth-child(3n+3){margin-right: 0;}
.product-box .right .about .case_right_ul li .pic{width: 100%;overflow: hidden;height: 240px;text-align: center;}
.product-box .right .about .case_right_ul li .pic img{height: 100%;}
.product-box .right .about .case_right_ul li:hover .pic img{transform: scale(1.2);transition: all 0.6s;}
.product-box .right .about .case_right_ul li .text{font-size: 14px;color: #333;text-align: center;}
.product-box .right .about .details01{text-align: center;line-height: 1.5;}
.product-box .right .about .details01 .gallery-top{width: 60%;margin: auto;overflow: hidden;position: relative;}
.product-box .right .about .details01 .gallery-top li img{width: 100%;height: 400px;}
.product-box .right .about .details01 .gallery-thumbs{width: 60%;margin:auto;overflow: hidden;}
.product-box .right .about .details01 .gallery-thumbs li{text-align: center;margin-right: 5px;}
.product-box .right .about .details01 .gallery-thumbs li.on img{border: 3px solid #dd2a22;box-sizing: border-box;transition: 0s;}
.product-box .right .about .details01 .gallery-thumbs li img{width: 110px; height: 60px;}
.product-box .right .about .details01 .gallery-thumbs .swiper-wrapper{justify-content: center;}
.product-box .right .about .details01 .product_caty{margin-top: 70px;font-size: 14px;color: #999999;}
.product-box .right .about .details01 .title{font-size: 30px;color: #000;}
.product-box .right .about .details01 .title span{width: 30px;height: 2px;display: block;margin:10px auto 0;background: #dd2a22;}
.product-box .right .about .details01 .desc span{display: inline-block;float: left;width: 28%;margin-right: 8%;text-align: left;font-size: 18px;color: #000;border-bottom: 1px solid #eeeeee;padding-bottom: 20px;}
.product-box .right .about .details01 .desc span:last-child{margin-right: 0;}
.product-box .right .about .details01 .desc span em{font-size: 14px;color: #999;display: block;margin-bottom: 5px;}
.product-box .right .about .details01 .content{margin-top: 50px;text-align: left;}

.rongyu li{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px;}
.rongyu li:nth-child(3n+3){margin-right: 0;}
.rongyu li .pic {width: 100%;height: 200px;text-align: center;overflow: hidden;}
.rongyu li:hover img{transform: scale(1.2);transition: all 0.6s;}
.rongyu li img{height: 100%;}
.rongyu li .title{font-size: 14px;color: #333;text-align: center;}

.news_headline .news{}
.news_headline .news .news_list{}
.news_headline .news .news_list .item{margin-bottom: 20px;padding: 20px 0;position: relative;}
.news_headline .news .news_list .item:hover::before{content: "";position: absolute;bottom: -56px;background: url(../images/news_list_befer.jpg) no-repeat center top;width: 100%;height: 56px;background-size: contain;border-top: 1px dashed #ccc;left: 0;}
.news_headline .news .news_list .item:hover::after{content: "";position: absolute;top: -37px;background: url(../images/news_list_after.jpg) no-repeat center bottom;width: 100%;height: 35px;background-size: contain;border-bottom: 1px dashed #ccc;left: 0;}
.news_headline .news .news_list .item a{display: block;}
.news_headline .news .news_list .item a:hover .pic img{transform: scale(1.2);transition: all 0.6s;}
.news_headline .news .news_list .item a:hover .text span img{transform: scale(1.2);transition: all 0.6s;}
.news_headline .news .news_list .item .pic{max-width: 25%;float: left;margin-right: 3%;overflow: hidden;}
.news_headline .news .news_list .item .pic img{width: 100%;}
.news_headline .news .news_list .item .text{width: 58%;float: left;}
.news_headline .news .news_list .item .text h3{text-align: left;font-size: 14px;margin: 20px 0;}
.news_headline .news .news_list .item .text .p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_headline .news .news_list .item .text span{display: block;margin-top: 20px;color: #2c80f3;}
.news_headline .news .news_list .item .text span img{vertical-align: middle;height: 10px;margin-left: 10px;}
.news_headline .news .news_list .item .timer{width: 80px;height: 80px;background: #dd2a22;color: #fff;position: absolute;top: 50%;right: 0;transform: translateY(-50%); line-height: 1.5;}
.news_headline .news .news_list .item .timer i{font-size: 36px;display: block;text-align: center;}
.news_headline .news .news_list .item .timer em{font-size: 14px;display: block;text-align: center;}

.new_details{}
.new_details h3{font-size: 20px;padding-bottom: 10px;font-weight: normal;text-align: center;}
.new_details .ms{text-align: center;color: #999;vertical-align: middle;padding: 10px 0;border-bottom: 1px solid #eee;}
.new_details .ms span{display: inline-block;}
.new_details .detas{line-height: 180%;padding-top: 20px;font-size: 14px;}

.first-box1{background:#fbfbfb !important;padding:0 0 95px 0 !important;}
.first-box{padding:90px 0;}
.first-box .thumb{width:500px; height:320px; float:left;}
.first-box .thumb img{ display:block;  width:500px; height:320px;}
.first-box .desc{padding-top:8px; width:600px; float:right; line-height:1.7; }
.first-box .desc h3{ font-size:18px; line-height:1.3; font-weight:bold; margin-bottom:20px;}
.first-box .desc strong{ font-size:40px; line-height:1.2; padding-bottom:5px; display:block; margin-bottom:50px;}
.first-box .desc .icon1{ margin-bottom:0;}
.first-box .desc .icon{height: 50px;}
.first-box .desc span{ font-size:24px; text-transform:uppercase; color:#eeeeee; font-family:Arial, Helvetica, sans-serif;line-height:1.7; padding-bottom:5px; display:block;}
.first-box .desc p{ color:#666;}
.first-box .desc p span{color: #000;}
.ctit{ text-align:center; background:url(../images/line4.png) no-repeat center bottom; padding-bottom:15px; color:#333; font-size:30px; margin-bottom:40px;}
.yw-box{ padding:58px 0 85px 0;}
.yw-box ul { width:101%;}
.yw-box ul li{ float:left; width:236px; height:200px; text-align:center; margin-right:5px; margin-bottom:5px;}
.yw-box ul li a{ display:block;width:200px; height:170px; padding-top:30px; background:#fff;}
.yw-box ul li i{ display:block; height:110px;}
.yw-box ul li span{ display:block; font-size:16px; color:#333;}
.yw-box ul li a:hover{}
.yw-box ul li a:hover span{ color:#fff; font-weight:bold;}
.yw-box ul li i{position: relative;}
.yw-box ul li i em.i1{width:128px;height: 56px;display:block;position: absolute;top:50%;left:50%;transform: translate(-75%,-50%);}
.yw-box ul li i em.i1 img{position:absolute;clip:rect(0px,64px,56px,0px);width: 128px;height: 100%;}
.yw-box ul li a:hover i em.i1 img{position:absolute;clip:rect(0px,128px,56px,64px);width: 128px;height: 100%;}
.yw-box ul li a:hover i em.i1{width:128px;height: 56px;display:block;position: absolute;top:50%;left:50%;transform: translate(-125%,-50%);}


.yw-box .clearfix1 li{height:80px;width:200px;text-align: left;margin-right:53px;margin-bottom:14px;}
.yw-box .clearfix1 li:nth-child(5n+5){margin-right: 0;}
.yw-box .clearfix1 li a{height: 80px;padding: 0; position:relative;}
.yw-box .clearfix1 li a:hover em{width:20px;height: 9px;position:absolute;left:45%;bottom:-8px;background:url(../images/icon02.png)no-repeat center center;background-size:14px 9px;}
.yw-box .clearfix1 li span{line-height:80px;text-align: center;}
.yw-box .clearfix1 li i{display:inline-block;margin:0 5px 0 15px;height:12px;width:12px; background:url(../images/icon01.png) no-repeat center center;}
.yw-box .clearfix1 li a:hover i{display:inline-block;margin:0 5px 0 15px;height:12px;width:12px; background:url(../images/icon03.png) no-repeat center center;}

.yw-boxs ul{margin-bottom: 50px;}
.yw-boxs ul li{display: inline-block;margin:0 10px 10px 0;}
.yw-boxs ul li a{display: block; cursor: pointer;}
.yw-boxs ul li span{padding:10px 15px;background: #fff;display: block;border: 1px solid #eee;border-radius: 50px;}
.yw-boxs ul li a span:hover{color: #fff;}



.case-box{ padding:58px 0 90px 0; background:#fff;}
.case-box .wrapper{ overflow:hidden;}
.case-box ul{ width:103%;}
.case-box li{ width:380px; height:272px; float:left; margin-right:29px; margin-bottom:20px;}
.case-box li a{  display:block;}
.case-box li .thumb{width:380px; height:220px;overflow: hidden;}
.case-box li .thumb img{ display:block; width:380px; height:220px;}
.case-box li .desc{ text-align:center; height:52px; line-height:52px; font-size:18px; }
.case-box li a:hover .desc{  color:#fff;}
.case-box li a:hover .thumb img{transform: scale(1.2);transition: all 0.6s;width:100%;height: 100%;}

.aboutMod{ padding:80px 0 140px; background:#fff;position: relative;}
.aboutMod:after{content: '';background: url(../images/about_us.png)no-repeat center;width: 460px;height: 245px;position: absolute;left: 0;bottom: 0;}
.aboutMod:before{content: '';background: url(../images/about_us01.png)no-repeat bottom;width: 830px;height: 688px; position: absolute;right: 0px;top: 0px;}
.aboutMod .clearfix{position: relative;}
.aboutMod .head{ height:70px;position: relative;}
.aboutMod .head h3{ color:#dd2a22; font-size:40px; font-weight:bold;position: absolute;top: 0;right: 0;z-index: 1;height: 55px;line-height: 55px;}
.aboutMod .head span{font-size: 80px;color: rgba(221,42,34,0.1);font-weight: bold;position: absolute;top: 0;right: 0;height: 80px;line-height: 80px;}
.aboutMod .head a{ float:right; font-weight:bold; color:#ffa23b; font-size:16px; text-transform:uppercase;}
.aboutMod .title{margin-top: 35px;margin-bottom: 20px;}
.aboutMod .title h3{text-align:right;font-size: 22px;color: #333;}
.aboutMod .title span{height: 2px;background: #dd2a22;width: 160px;display: block;margin-top: 35px;float: right;}
.aboutMod .body{ font-size:14px; color:#333; line-height:30px;word-wrap: break-word;}
.aboutMod .leftb{ float:left; width:620px;height: 460px;position: relative;}
.aboutMod .leftb a{width: 600px;height: 440px;z-index: 1;display: block;position:absolute;top: 0;left: 0;}
.aboutMod .leftb a img{height: 440px;}
.aboutMod .leftb span{border: 2px solid #dd2a22;display: block;width: 600px;height: 440px;position: absolute;right: 0;bottom: 0;z-index: 0;box-sizing: border-box;}
.aboutMod .more{display: inline-block;padding: 15px 23px;background: #dd2a22;color: #fff;font-size: 14px;position: absolute;top: 105%;right: 0;}
.aboutMod .more a{color: #fff;}

.aboutMod .rightb{ float:right; width:495px;}
.aboutMod .rightb img{ display:block; width:500px; height:280px;}

/*产品中心*/
.swMod{ background:#fff url(../images/product_bj.png) no-repeat center top;  width:100%; padding:95px 0;height: 670px;}
.swMod .head{ height:70px;position: relative;}
.swMod .head h3{ color:#dd2a22; font-size:40px; font-weight:bold;position: absolute;top: 0;left: 0;z-index: 1;height: 55px;line-height: 55px;}
.swMod .head span{font-size: 80px;color: rgba(221,42,34,0.1);font-weight: bold;position: absolute;top: 0;left: 0;height: 80px;line-height: 80px;}
.swMod .head a{ float:right; font-weight:bold; color:#ffa23b; font-size:16px; text-transform:uppercase;}
.swMod .leftb{ float:left; width:500px;height: 155px;position: relative;}
.swMod .leftb a{width: 600px;height: 440px;z-index: 1;display: block;position:absolute;top: 0;left: 0;}
.swMod .leftb a img{height: 440px;}
.swMod .leftb span{display: block;width: 100%;}
.swMod .rightb{ float:right; width:620px;height:400px;position: relative;}
.swMod .rightb img{ display:block; height:100%;}
.swMod .rightb .swDetails{width: 325px;position: absolute;bottom: 0;left: -320px;}
.swMod .rightb .swDetails h3{font-size: 22px;font-weight: unset;color: #333333;}
.swMod .rightb .swDetails .desc{font-size: 14px; color: #666;margin: 10px 0 20px;}
.swMod .rightb .swDetails .spec{font-size: 14px; color: #999;}
.swMod .rightb .swDetails .spec span{display: inline-block;margin-right: 10px;}
.swMod .rightb .more{width: 40px;height: 40px;background:#dd2a22 url(../images/more.png)no-repeat center;display: block;position: absolute;bottom: 0;right: 0;}
.swMod .rightb .more a{display: block;width: 100%;height: 100%;}
.swMod .rightb .swDetails .Details{padding: 40px 75px 40px 40px;background: #fff;width: 100%;position: relative;}
.swMod .rightb .product_first{display: none;}
.swMod .rightb .product_first.on{display: block;}
.swMod .rightb .product_first .pic{width: 620px;height: 400px;background: #fff;}

.swMod .left{margin-top: 40px;}
.swMod .left li{width: 160px;padding-left: 40px;height: 45px;line-height: 45px;font-size: 16px;color: #333333;background: #fff;margin-bottom: 12px;}
.swMod .left .item.on{background: #dd2a22;color: #fff;}

.swMod .right{width: 940px;margin-top: 20px;overflow:hidden;}
.swMod .right li{width: 300px;margin-right: 20px;float: left;}
.swMod .right li:last-child{margin-right: 0;}
.swMod .right li .img{width: 100%;height: 200px;text-align: center;background: #fff;overflow: hidden;}
.swMod .right li .img:hover img{transform: scale(1.2);}
.swMod .right li .img img{height: 100%;}
.swMod .right li .title{width:100%;height: 50px;background: #fff;line-height: 50px;font-size: 14px;color: #666666;}
.swMod .right li .title a{display: block;padding-left: 20px;}
.swMod .product_tab .body{width: 940px;overflow: hidden;float: left;height: 250px;}

/*产品中心图片弹出层*/
#mask{position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);z-index: 999;display: none;}
#previewImg{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;width: 35%;}
#previewImg img{width: 100%;}
#previewImg a{background: #dd2a22;padding: 5px 20px;color: #fff;font-size: 14px;float: right;display: inline-block;}

/*新闻中心 */
.newsMod{height: 625px;width: 100%;padding: 95px 0 115px;background: #fff;}
.newsMod:after{content: '';background: url(../images/about_us.png)no-repeat center;width: 320px;height: 145px;position: absolute;right: 0;bottom: 0;z-index: 0;}
.newsMod:before{}
.newsMod .clearfix{position: relative;}
.newsMod .head{ height:70px;position: relative;}
.newsMod .head h3{ color:#dd2a22; font-size:40px; font-weight:bold;position: absolute;top: 0;left: 0;z-index: 1;height: 55px;line-height: 55px;}
.newsMod .head span{font-size: 80px;color: rgba(221,42,34,0.1);font-weight: bold;position: absolute;top: 0;left: 0;height: 80px;line-height: 80px;}
.newsMod .head a{ float:right; font-weight:bold; color:#ffa23b; font-size:16px; text-transform:uppercase;}
.newsMod .leftb:after{content: '';background: url(../images/news_befor.jpg)no-repeat bottom;width: 772px;height: 364px; position: absolute;right: 0px;top: -95px;z-index: 0;}
.newsMod .leftb{ float:left; width:420px;position: relative;}
.newsMod .leftb .img{margin-top: 55px;z-index: 1;position: absolute;}
.newsMod .leftb span{display: block;width: 100%;z-index: 1;}

.newsMod .rightb{ float:right;width: 680px;position: relative;}
.newsMod .rightb .headlines{height: 180px;box-shadow: 0px 10px 8px 0px rgba(0 ,0, 0, 0.1);padding: 20px;border-radius: 15px;margin-bottom: 20px;}
.newsMod .rightb .headlines .left{width: 355px;}
.newsMod .rightb .headlines .left .time i{font-size: 24px;color: #dd2a22;margin-right: 10px;}
.newsMod .rightb .headlines .left .time em{font-size: 18px;color: #999999;}
.newsMod .rightb .headlines .left .jiange{background: #eee;width: 80px;height: 3px;display: block;margin: 20px 0 25px;}
.newsMod .rightb .headlines .left .title{font-weight: bold;font-size: 18px;color: #333;margin-bottom: 12px;}
.newsMod .rightb .headlines .left .desc{font-size: 14px;color: #666;}
.newsMod .rightb .headlines .right{width: 240px;}

.newsMod .rightb li{background: #fff;height: 50px;padding: 30px 0 25px 30px;position: relative;border-bottom: 1px solid #eee;}
.newsMod .rightb li div{width: calc(100% - 130px);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.newsMod .rightb li .title{font-size: 16px;color: #333;margin-bottom: 8px;}
.newsMod .rightb li .title h3{font-weight: unset;}
.newsMod .rightb li .title span{width: 15px;height: 1px;display: block;background: #dd2a22;position: absolute;left:0;top: 45px;}
.newsMod .rightb li .desc{font-size: 14px;color: #999;}
.newsMod .rightb li .time{width: 80px;height: 80px;background: #dd2a22;color: #fff;position: absolute;bottom: 0px;right: 0;}
.newsMod .rightb li .time i{font-size: 36px;display: block;text-align: center;}
.newsMod .rightb li .time em{font-size: 14px;display: block;text-align: center;}
.newsMod .more a{font-size: 16px;color: #dd2a22;}
.newsMod .more{position: absolute;bottom: -80px;right: 0;z-index: 1;}

/*招商加盟*/
.joinIn{height: 200px;background: #fff url(../images/merchants_join.jpg)no-repeat center; width: 100%;background-size: 100% 200px;}
.joinIn a{display: block;padding-top:70px;height: calc(100% - 70px);}
.joinIn .head{ height:75px;position: relative;}
.joinIn .head h3{ color:#dd2a22; font-size:40px; font-weight:bold;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;height: 55px;line-height: 55px;}
.joinIn .head span{font-size: 80px;color: rgba(255,255,255,0.1);font-weight: bold;position: absolute;top: 0;left: 50%;transform: translateX(-50%); height: 80px;line-height: 80px;white-space:nowrap;}
.joinIn .head .desc{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);font-size: 14px;color: #f3c4c1;}
.joinIn .leftb{position: relative;}

/* 加入我们 */
.contact{padding: 100px 0 20px 0;width:450px;float:right;}
.contact .left{float: right;width: 100%;}
.contact .left .inp{margin-bottom:0.85rem;color: #fff;}
.contact .left input{height:40px; font-size:16px;width: 100%;background: #d5ebeb;padding:0 1rem;box-sizing: border-box;outline: none;border:0;border-radius: 5px;}
.contact .left textarea{width: 100%; display:block;height:8.5rem;padding:0.7rem 1rem; font-size:16px;background:#d5ebeb;border: 0;box-sizing: border-box;border-radius: 5px;}
.contact .left .btn{width: 30%; font-size:1rem;height:45px;line-height:45px;text-align: center;color: #fff;display: block;margin:auto;border-radius: 5px;}

/*人才招聘*/
.job{ padding: 30px 120px;}
.job .title_cn{ color: #1a577e; text-align: center; font-size: 26px;}
.job .title_en{ color: #999; text-align: center; font-size: 14px;}
.job .job_list{ color: #666; font-size: 16px; line-height: 1.8; padding-top: 30px;}
.job .job_list h1{ color: #1a577e; font-size: 18px; border-bottom: 2px solid rgb(204, 204, 204); padding-bottom: 5px; margin-bottom: 10px;}

/* 栏目页banner */
.banner{width:100%;height: 300px;background-size: 100% 280px;position:relative;background-position: center center;background-repeat: no-repeat;}
.banner .body_div{ font-family: 黑体;position: relative;padding-top: 80px;}
.banner .body_div h3{}
.banner .body_div span{font-size: 32px;display: block;color: #545b66;}
.banner .body_div span:first-child{padding-left: 80px;}
.banner .body_div span:last-child{padding-left: 145px;}

/* 一站式服务banner */
.banners{width:100%;height: 554px;background-size: 100% 554px;position:relative;}
.banners .txt{}
.banners .body_divs{ font-family: 黑体;}
.banners .body_divs h3{font-size: 50px;}
.banners .body_divs span{font-size: 20px;}

/*网站地图*/
.navigation{min-height: 500px;width: 1000px;margin: auto;}
.navigation .nav{margin:50px 0;}
.navigation h3{width:130px;height: 30px;font-size: 16px;font-weight: bold;color: #fff;text-align: center;line-height: 30px;}
.navigation .zhu_nav{margin-bottom:30px;}
.navigation ul li{display: inline-block;margin:30px 0 30px 60px;}
.navigation ul li a{text-decoration: underline;font-size: 16px;font-weight: bold;}
.navigation .fu_nav ul:nth-child(4) li:nth-child(2){display: none;}
.navigation .fu_nav ul:nth-child(4) li:nth-child(3){display: none;}
.navigation .fu_nav ul:nth-child(4) li:nth-child(4){display: none;}




